<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>慢慢买_白菜价</title>
    <link rel="stylesheet" href="./lib/mui/css/mui.css">
    <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="./css/nan_bcj.css">
</head>

<body>
    <header>
        <a href="javascript:;">白菜价</a>
        <div class="search"><input type="search" placeholder="好宝贝 等你搜"></div>

        <i class="fa fa-list-ul "></i>
    </header>
    <div class="nan_main">
        <div class="nav">
            <ul>
                <div id="segmentedControl" class="mui-segmented-control">
                </div>
            </ul>
        </div>
        <div class="nav_content">
            <!-- <div id="item1" class="mui-control-content mui-active">
                <ul class="mui-table-view">
                    <li>
                        <div class="left">
                            <img src="https://gd2.alicdn.com/imgextra/i2/2631609186/TB2NI_UX9iJ.eBjSszfXXa4bVXa_!!2631609186.jpg_400x400.jpg"
                                alt="">
                        </div>
                        <div class="right">
                            <div class="title">[包邮]凌樱食品干果机食物风干机</div>
                            <div class="price">
                                <span>券后</span>
                                <span>￥</span>
                                <span>59.0</span>
                                <del>￥99</del>
                            </div>
                            <div class="processBar">
                                <div class="bar">
                                    <div class="innerBar"></div>
                                </div>
                                <span>已领12111张</span>
                            </div>
                            <div class="other">
                                <span class="discount">点击此领取30元优惠券</span>
                                <span class="order">下单链接</span>
                            </div>
                        </div>

                    </li>
                </ul>
            </div> -->


        </div>
    </div>
    <footer>
        <div class="footer_log">
            <a href="" class="log">登录</a>
            <a href="" class="reg">注册</a>
            <a href="" class="toTop">
                <i class="fa fa-arrow-up"></i>
                <span>返回顶部</span>
            </a>
        </div>
        <div class="foot_link">
            <p>
                <a href="" class="app">手机APP下载</a>
                <a href="" class="mobile">慢慢买手机版</a>
                -- 掌上比价平台
            </p>
            <p>m.manmanbuy.com </p>
        </div>
    </footer>

    <!-- <div data-=""></div> -->
</body>
<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<!-- <script src="./js/common.js"></script> -->
<script src="./js/nan_bcj.js"></script>
<script src="./lib/iscroll/iscroll.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>

</html>

<script type="text/html" id="title">
    {{each arr item index}}
    <a data-id={{index}} class="mui-control-item {{index==0?'mui-active':''}} " href="#item{{index+1}}">
       {{item.title}}
    </a>
    {{/each}}
</script>

<script type="text/html" id="proList">
    {{each arr item index}}
    <div id="item{{item.titleId+1}}" class="mui-control-content mui-active">
            <ul class="mui-table-view">
                <li>
                    <div class="left">
                      {{@item.productImg}}
                    </div>
                    <div class="right">
                        <div class="title">
                        {{@item.productName}}
                        </div>
                        <div class="price">
                            {{@item.productPrice}}
                        </div>
                         <div class="processBar">
                             <!-- <div class="barOuter">
                                <div class="barInner"></div>
                             </div> -->
                            {{@item.productCouponRemain}}
                        </div> 
                        
                        <div class="other">
                            {{@item.productCoupon}}
                            {{@item.productHref}}
                        </div>
                      
                    </div>
                </li>
            </ul>
        </div>
    {{/each}}
</script>